<template>
  <div class="dashboard">
    <t-card title="仪表盘">
      <t-row :gutter="16">
        <t-col :span="6">
          <t-card title="总用户数" hover-shadow>
            <t-statistic title="Total Users" :value="1234" trend="increase" />
          </t-card>
        </t-col>
        <t-col :span="6">
          <t-card title="活跃用户" hover-shadow>
            <t-statistic title="Active Users" :value="789" trend="increase" />
          </t-card>
        </t-col>
        <t-col :span="6">
          <t-card title="今日注册" hover-shadow>
            <t-statistic title="New Users Today" :value="123" trend="increase" />
          </t-card>
        </t-col>
        <t-col :span="6">
          <t-card title="系统状态" hover-shadow>
            <t-statistic title="System Status" value="正常" />
          </t-card>
        </t-col>
      </t-row>
    </t-card>
  </div>
</template>

<script setup lang="ts">
// Dashboard component logic here
</script>

<style scoped>
.dashboard {
  padding: 24px;
}
</style>
